<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/detail/studyarea.css">
    <script src="../../js/jquery-2.2.4.min.js"></script>
    <script src="../../js/template-native.js"></script>
</head>
<body>
     <div class="container bg-color-bg">
        <div class="top-title">
            <div class="top-title">
                <div class="system">
                        <a class="goback-sys bg-color-bg">
                            <img src="../../img/system/back.png" alt="">  
                        </a>
                        <a class="gonext-sys bg-color-bg">
                            <img src="../../img/system/setting.png" alt="">  
                        </a>
                </div>
            </div>
        </div>
        <div class="people-content">
            <div class="p-p-p">
                 <div class="classIntru">
                    学习园地
                 </div>
                 <div class="m-m-person bg-color-border">
                     <div class="m-m-clc">
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     <div class="bg-tab"><a>1、111111111111111111111111111</a></div>
                     </div>
                 </div>
            </div>
        </div>
     </div>
     <script>
       var arrbg = ['blue','red','orange','yellow'];  //背景框
       var crrbg = ['bbg','obg','ybg'];//背景
       var drr = ['#fff','#95bcff','#fff'];
       $(".p-p-p").css('background','url(../../img/detail/1/'+arrbg[1]+'.png)no-repeat -35px -10px');
       $(".container").css({'background':'url(../../img/detail/1/'+crrbg[1]+'.jpg)no-repeat 0 0','backgroundSize':'cover'})
       $('.m-m-person .bg-tab>a').css("color",drr[0]);
     </script>
</body>
</html>